{% extends "/shared/layout.html" %}
{% block mainContent %}
<div class="header">
  <div class="wrapper">
    <ul>
      <li class="li_750">
        {% include "/shared/user_partial.html" %}
      </li>
      <li class="li_250">
        <div class="u_help">
          <img src="../static/images/icon_help.png" alt="" style="margin:0 47px;"/>
          <div class="u_search">
            <input id="txtSearch" type="text" default-value="{{pageRes.inputQuestion}}" value="{{pageRes.inputQuestion}}"/>
            <a id="btnSearch" href="###" class="search"></a>
          </div>
        </div>
      </li>
    </ul>
  </div>
</div>
<div class="wrapper">
  <div class="help_main">
    <div style="padding-top:10px;">
      <object id='videoPlayer' name='videoPlayer' width="1000px" height="400px">
          <param name='movie' value="http://player.youku.com/player.php/sid/XNjQ3NjMwMzc2/v.swf" />
          <param name='allowFullScreen' value='true' />  
          <param name='wmode' value='opaque' />  
          <param name='allowScriptAccess' value='always' />  
          <embed src="http://player.youku.com/player.php/sid/XNjQ3NjMwMzc2/v.swf" wmode='opaque' type='application/x-shockwave-flash' allowscriptaccess='always' loop="1" allowfullscreen='true'  width="1000px" height="400px" />
        </object>
    </div>
    <div class="help_type">
      <ul>
        <li>
          <div class="item_box" help-type="introduction">
            <em class="item3"></em>
            <h1>{{pageRes.lblBasic}}</h1>
            <p>Introduction basic</p>
          </div>
        </li>
        <li>
          <div class="item_box" help-type="binding">
            <em class="item2"></em>
            <h1>{{pageRes.lblSetting}}</h1>
            <p>Settings</p>
          </div>
        </li>
        <li>
          <div class="item_box" help-type="hardware">
            <em class="item5"></em>
            <h1>{{pageRes.lblHardware}}</h1>
            <p>Hardware Info</p>
          </div>
        </li>
        <li>
          <div class="item_box" help-type="privacy">
            <em class="item4"></em>
            <h1>{{pageRes.lblPrivacy}}</h1>
            <p>Personal Settings</p>
          </div>
        </li>
        <li>
          <div class="item_box" help-type="service">
            <em class="item1"></em>
            <h1>{{pageRes.lblService}}</h1>
            <p>Customer ET</p>
          </div>
        </li>
      </ul>
    </div>
    <div class="help_list">
        {% for helpInfo in help_list %}
        <ul id="{{helpInfo.type}}">
          {% for questionInfo in helpInfo.questions %}
            <li class="{{ loop.cycle('odd', 'even') }}">
              <span class="list_order">{{loop.index}}</span>
              <h1>{{questionInfo.question}}</h1>
              {{questionInfo.answer|safe}}
            </li>
          {% endfor %}
        </ul>
        {% endfor %}

        <!-- <ul>
          <li class="odd">
            <span class="list_order">1</span>
            <h1>我的小P找不小G怎么办？</h1>
            <p>首station出入联接状态，</p>
          </li>
          <li class="even">
            <span class="list_order">2</span>
            <h1>我的小P找不小G怎么办？</h1>
            <p>首定ETstation出入联接联接状态，</p>
          </li>
        </ul> -->
    </div>
  </div>
    
    <div id="searchContainer" class="help_search">
      <div class="help_list">
        <ul></ul>
      </div>
      <div id="listTmpl" style="display:none;">
        <li>
          <span class="list_order"></span>
          <h1></h1>
        </li>
      </div>
  </div>
</div>
<script type="text/javascript" src="../static/scripts/views/help/etlinking.views.help.js"></script>
<script type="text/javascript">
  $(function() {
    nsbase.views.help.init();    
  });
</script>
{% endblock %}